<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>坤腾-云平台</title>

	<!-- Bootstrap Core CSS -->
	<link href="${ctxStatic}/css/bootstrap.css" rel="stylesheet">

	<!-- Custom CSS -->
	<link href="${ctxStatic}/css/smartech.css" rel="stylesheet">

	<!-- Custom Fonts -->
	<link href="${ctxStatic}/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

	<!-- Animate CSS -->
	<link href="${ctxStatic}/css/animate.css" rel="stylesheet">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="${ctxStatic}/js/html5shiv.js"></script>
	<script src="${ctxStatic}/js/respond.min.js"></script>
	<![endif]-->

	<style>
		body {
			font-family: "Microsoft YaHei" ! important;
		}
		.data-statistics .panel-body > div, .useful-actions .panel-body > div { border-right: 1px dashed #ddd;}
		.data-statistics .panel-body > div:last-child, .useful-actions .panel-body > div:last-child { border-right: none;}
		.data-statistics .title, .data-statistics .number, .useful-actions .title, .useful-actions .useful-links { text-align: center; margin-bottom:10px;  color: #000; font-size: 18px;}
		.data-statistics .number { font-size: 30px;}

		/* reset common css */
		.panel-status {color: #007AD8; border-bottom: 5px solid #007AD8 !important;}
		.panel-status.panel-success { color: #3d8b3d; border-bottom: 5px solid #5cb85c !important; }
		.panel-status.panel-warning {color: #df8a13; border-bottom: 5px solid #f0ad4e !important; }

	</style>

</head>

<body>

<div id="wrapper">

	<!-- Navigation -->
	<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

		<sys:header/>
		<!-- /.navbar-top-links -->

		<sys:sidebar menuId="1000"/>
		<!-- /.navbar-static-side -->
	</nav>

	<div id="page-wrapper">

		<div>
			<div class="row">
				<div class="col-lg-12">

					<div class="row">
						<div class="col-lg-12">
							<div class="panel panel-info">
								<div class="panel-heading">
									<h4 class="margin-none">
										<i class="fa fa-bars"></i> 数据统计
									</h4>
								</div>
								<div class="panel-body">
									<div class="row">
										<div class="col-lg-4 col-md-6 col-sm-6">
											<div class="panel panel-default  box-white panel-status">
												<div class="panel-body padding-none">
													<a href="#">
														<div class="row">
															<div class="col-xs-4">
																<i class="fa fa-dashboard fa-5x panel-status-icon"></i>
															</div>
															<div class="col-xs-9 text-right">
																<div class="huge">${inventoryNum}</div>
																<div class="text-uppercase text-xs">库存总数</div>
															</div>
														</div>
													</a>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-6 col-sm-6">
											<div class="panel panel-default box-white panel-status panel-success">
												<div class="panel-body padding-none">
													<a href="#">
														<div class="row">
															<div class="col-xs-4">
																<i class="fa fa-sitemap fa-5x panel-status-icon"></i>
															</div>
															<div class="col-xs-9 text-right text-success">
																<div class="huge">${channelNum}</div>
																<div class="text-uppercase text-xs">子渠道总数</div>
															</div>
														</div>
													</a>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-6 col-sm-6">
											<div class="panel panel-default  box-white panel-status panel-warning">
												<div class="panel-body padding-none">
													<a href="#">
														<div class="row">
															<div class="col-xs-4">
																<i class="fa fa-shopping-cart fa-5x panel-status-icon"></i>
															</div>
															<div class="col-xs-9 text-right text-warning">
																<div class="huge">${merchantNum}</div>
																<div class="text-uppercase text-xs">店铺总数</div>
															</div>

														</div>
													</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-lg-12 data-statistics">
							<div class="panel panel-info">
								<div class="panel-heading">
									<h4 class="margin-none">
										<i class="fa fa-gear"></i> 常用操作
									</h4>
								</div>
								<div class="panel-body">
									<div class="row">
										<div class="col-lg-4 col-md-6 col-sm-6">
											<div class="panel panel-default  box-white panel-status  useful-actions">
												<div class="panel-body padding-none">
													<a href="#">
														<div class="row">
															<div class="title">运营管理</div>
															<div class="useful-links">
																<ul class="list-unstyled">
																	<shiro:hasPermission name="sys:channel:index"><li><a href="${ctx}/channel/index">子渠道</a></li></shiro:hasPermission>
																	<shiro:hasPermission name="sys:merchant:index"><li><a href="${ctx}/sys/merchant/index">店铺</a></li></shiro:hasPermission>
																	<shiro:hasPermission name="sys:router:index"><li><a href="${ctx}/router/index">路由</a></li></shiro:hasPermission>
																</ul>
															</div>
														</div>
													</a>
												</div>
											</div>
										</div>
										<div class="col-lg-4 col-md-6 col-sm-6">
											<div class="panel panel-default box-white panel-status panel-success useful-actions">
												<div class="panel-body padding-none">
													<a href="#">
														<div class="row">
															<div class="title">新建账号</div>
															<div class="useful-links">
																<ul class="list-unstyled">
																	<shiro:hasPermission name="sys:channel:create"><li><a href="${ctx}/channel/index">新建渠道</a></li></shiro:hasPermission>
																	<shiro:hasPermission name="sys:merchant:create"><li><a href="${ctx}/sys/merchant/index">新建店铺</a></li></shiro:hasPermission>
																	<li><a href="#"></a> </li>
																</ul>
															</div>
														</div>
													</a>
												</div>
											</div>
										</div>
										<shiro:hasPermission name="admin">
											<div class="col-lg-4 col-md-6 col-sm-6">
												<div class="panel panel-default  box-white panel-status panel-warning  useful-actions">
													<div class="panel-body padding-none">
														<a href="#">
															<div class="row">
																<div class="title">路由</div>
																<div class="useful-links">
																	<ul class="list-unstyled">
																		<li><a href="#">导入路由</a></li>
																		<li><a href="#"></a></li>
																		<li><a href="#"></a> </li>
																	</ul>
																</div>
															</div>
														</a>
													</div>
												</div>
											</div>
										</shiro:hasPermission>
									</div>
								</div>
							</div>
						</div>
					</div>


				</div>
			</div>
		</div>
		<!-- /.social-block -->

	</div>
	<!-- /#page-wrapper -->

</div>
<!-- /#wrapper -->

<!-- jQuery Version 1.11.0 -->
<script src="${ctxStatic}/js/jquery-1.11.0.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="${ctxStatic}/js/bootstrap.min.js"></script>
<script src="${ctxStatic}/js/plugins/layer/layer.js"></script>
<script src="${ctxStatic}/js/smartech.js"></script>

</body>

</html>
